/* CSS Document */
@import url("unitip.css");
body{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
	background-color:#e5e5e5;
	margin-bottom:10px;
}
#banner{
	height:50px;	
}
form{
	margin:0px;	
}
#menubar{
/*	background:url(../images/bgmenubartop.gif) repeat-x;*/
	background:url(../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50%;
	height:35px;	
	margin:0 auto;
	margin-left:5px;
	margin-right:5px;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	padding:0px;
	min-width:970px;
	border:solid 1px #89B7D9;
}
#nav{
	margin:0px;
	padding:0px;
	padding-left:5px;
}
#nav li{
	list-style:none;
	border-right:solid 1px #D2E6F5;	
	line-height:35px;
	color:#333;
	float:left;
	position:relative;
	-webkit-border-radius:3px 3px 0px 0px;
	-moz-border-radius:3px 3px 0px 0px;
	-0-border-radius:3px 3px 0px 0px;
	border-radius:3px 3px 0px 0px;
}
#nav li a{
	line-height:35px;
	display:inherit;
	padding-left:10px;
	padding-right:10px;
	color:#333;
	text-decoration:none;
	font-weight:bold;	
}
#nav li a.top{
	line-height:35px;
	display:inherit;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;	
}
#nav li a:hover{
	color:#333;	
}
#nav li a.top:hover{
	color:#333;	
}
#nav li.active{
	color:#333;
	background:url(../images/ui-bg_glass_75_d0e5f5_1x400.png) 50%;
	-webkit-border-radius:3px 3px 0px 0px;
	-moz-border-radius:3px 3px 0px 0px;
	-0-border-radius:3px 3px 0px 0px;
	border-radius:3px 3px 0px 0px;
}
#nav li.active a{
	color:#333;	
}

/* sub menu*/
#nav li ul{
	position:absolute;
	width:200px;
	border:solid 2px #6CA6D1;
	border-top:none;
	margin:0px;
	padding:0px;	
	display:none;
	left:-3px;
	top:35px;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
	z-index:999999999;
}
#nav li ul li{
  	width:189px;
	background:url(../images/ui-bg_glass_75_d0e5f5_1x400.png) 50%;
	padding-left:5px;
	padding-right:5px;
	border-top:none;
	border-bottom:solid 1px #ccc;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-0-border-radius:0px;
	border-radius:0px;
}
#nav li ul li:hover{
	background:url(../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50%;
	color:#0250C8;
}
#nav li ul li.active{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-0-border-radius:0px;
	border-radius:0px;
}
#nav li ul li a{
	display:inherit;
	line-height:30px;	
	color:#333;
}
#nav li ul li a:hover{
	color:#FFF;
}
#main {
	background:#FFF;
	min-width:980px;
	margin:0 auto;
	-webkit-box-shadow:0px 0px 20px #CCC;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
}
#mainpage{
	min-height:300px;
	padding:5px;	
	min-width:970px;
}
#titlepage{
/*	background:url(../images/bgmenubar.gif) repeat-x;*/
	background:url(../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50%;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	height:30px;
	color:#FFF;
	font-weight:bold;
	line-height:30px;
	padding-left:10px;
	text-transform:uppercase;
}
#bottomtable{
	background:url(../images/bgtitl1.gif) 50%;
	height:20px;
	border:solid 1px #CCC;
	border-top:none;	
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
}
#tablelist,#tablelist1, .tableadmin,.tableadminform{
	border-collapse:collapse;
	border:solid 1px #ccc;	
	background-color:#f4f5f7;
	border-top:none;
}

.tableadminform{
	background-color:#f7f7f7;
	-webkit-box-shadow:5px 5px 10px;	
}
#borderform{
	background-color:#d5e2f2;
	-webkit-box-shadow:5px 5px 10px #999;	
	margin:0 auto;
	padding:5px;
	border:solid 1px #99bbe8;	
	-webkit-border-radius:5px;
}
#tablelist .title, #tablelist1 .title{
	background:url(../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50%;
	height:24px;	
}
.titletable{
	background:url(../images/ui-bg_glass_75_d0e5f5_1x400.png) repeat-x 50%;
	height:24px;
	border:solid 1px #CCC;	
}

#tablelist tr.filterColumns td,#tablelist1 tr.filterColumns td { padding:2px; }
#tablelist .title th, #tablelist1 .title th{
		background:url(../images/bgmenubar.gif) repeat-x;
}
#tablelist th,#tablelist1 th{
	background:url(../images/bgtitle.gif);
	border:solid 1px #ccc;	
	line-height:24px;
	color:#084BBE;
	border-top:none;
}

#tablelist th a,#tablelist1 th a{
	font-weight:bold;
	color:#333;
	text-decoration:none;	
}
#tablelist th a:hover,#tablelist1 th a:hover{
	text-decoration:underline;	
}
#tablelist .searchbar th,#tablelist1 .searchbar th{
	background-color:#FFFFCC;
	background:url(../images/bgtitle.gif);
	/*\background:url(../images/bgsearchbox.gif) repeat-x;*/
	height:24px;	
}

.hover{
	background-color:#FFFFCC;	
}
.odd{
	background-color:#FFF;	
}
#filter input{
	border:solid 1px #CCC;
	background-color:#fff;	
}

.tableadmin th{
	border:solid 1px #CCC;	
}

#tablelist tr,#tablelist1 tr,.tableadmin tr{
	border-bottom:solid 1px #CCC;	
}
#tablelist td,#tablelist1 td,.tableadmin td{
	border:solid 1px #CCC;	
	line-height:20px;
	padding:2px;
}
#tablelist td a,#tablelist1 td a{
	font-weight:bold;
	color:#333;
	text-decoration:none;	
}
#tablelist td a:hover,#tablelist1 td a:hover{
	text-decoration:underline;	
}
.delall{
	color:#ff0000;	
	text-decoration:none;
}
.orderbox{
	width:55px;
	text-align:center;
	border:solid 1px #CCC;	
}
#contentleft{
	border:solid 1px #CCC;
	border-top:none;	
}
#contentleft ul{
	margin:0px;
	padding:0px;	
}
#contentleft ul li{
	list-style:none;
	border-bottom:solid 1px #e7e6e6;
	border-top:solid 1px #ffffff;
	line-height:26px;
	background:#f8f6f7;	

	padding-left:5px;
	font-weight:bold;
}
#contentleft ul li:hover{
	background-color:#EEEEEE;
	
}
#contentleft ul li a{
	background:url(../images/bullet2.gif) left no-repeat;	
	display:inherit;
	padding-left:10px;
	width:190px;
	font-weight:bold;
	text-decoration:none;
	color:#333333;
}

#contentleft ul li a:hover{
	background:url(../images/Arr_3.gif) left no-repeat;	
	padding-left:10px;
}
.createdate,.createdate a{
	color:#999999;
	font-size:11px;	
	font-weight:normal;
	padding:0px;
	margin:0px;
}
#btnaddnewfolder,#btnaddnewitem{
	background:url(../images/bgtitle.gif) 50%;
	padding-left:5px;
	float:right;
	margin-right:10px;
	margin-top:4px;
	border:solid 1px #eee;
	text-transform:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding-right:5px;	
	height:18px;
}
#btnaddnewfolder:hover,#btnaddnewitem:hover {
	background:url(../images/bgbtnadd.gif);	
	border:solid 1px #ccc;
	color:#FFF;
}
#btnaddnewfolder a:hover,#btnaddnewitem a:hover{
	color:#FFF;	
}
#btnaddnewfolder a{
	background:url(../images/folder-add.png) no-repeat left;
	display:inherit;
	text-decoration:none;
	color:#333;
	line-height:18px;
	padding-left:20px;
}
#btnaddnewitem a{
	background:url(../images/docs-add.png) no-repeat left;
	display:inherit;
	text-decoration:none;
	color:#333;
	line-height:20px;
	padding-left:20px;
}
.btnadmin{
	background:url(../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50%;
	padding-left:5px;
	color:#FFF;
	margin-right:10px;
	margin-top:4px;
	border:solid 1px #999;
	text-transform:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding-right:5px;	
	height:20px;
	
}
.btnadmin:hover{
	border:solid 1px #5e94be;	
	color:#EEE;
}
#searchbar{
	background:url(../images/bgtitl1.gif) top;
	overflow:hidden;
	border:solid 1px #CCC;
	border-top:none;
	color:#00C;
	font-weight:bold;
	padding-left:10px;
	line-height:28px;	
	text-align:left;
	
}
#pagebar{
	background:url(../images/bgtitl1.gif) 50%;
	overflow:hidden;
	border:solid 1px #CCC;
	border-top:none;
	color:#00C;
	font-weight:bold;
	padding-left:10px;
	line-height:28px;	
	text-align:left;
	
}
#searchbar .textbox,#searchbar .dropdownlist{
	border:solid 1px #CCC;	
	width:200px;
	color:#999;
	
}
#parthpage{
	background-color:#f7f6f6;
	height:30px;
	margin:5px;
	margin-top:0px;
	border:solid 1px #e7e6e6;
	border-top:none;
	padding-left:10px;
	line-height:30px;
	font-weight:bold;
}
#parthpage a{
	color:#333;
	text-decoration:none;	
}
#parthpage a:hover{
	text-decoration:underline;	
}
.textbox{
	border:solid 1px #CCC;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;	
	border-radius:4px;	
	width:300px;
}
.textarea{
	border:solid 1px #CCC;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;	
	border-radius:4px;	
	width:300px;
}


/* login form */
#loginform{
	border:solid 1px #c0c0c0;

	width:350px;
	background:url(../images/bglogin.gif) 50%;
	background-color:#ebebeb;	
	margin:0 auto;
	margin-top:150px;
	-webkit-box-shadow:5px 5px 10px #ccc;
	-moz-box-shadow:5px 5px 10px #ccc;
	box-shadow:5px 5px 10px #ccc;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	position:relative;
}
#loginform a{
	color:#07590b;
	text-decoration:none;	
}
#loginform a:hover{
	color:#07590b;
	text-decoration:underline;	
}
#titlelogin{
	position:absolute;
	background:url(../images/btnlogin1.gif);	
	height:25px;
	padding-left:10px;
	padding-right:10px;
	line-height:21px;	
	border:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	top:-14px;
	left:10px;
	font-weight:bold;
	color:#FFF;
}
#forgotpass{
	position:absolute;
	
	height:25px;
	padding-left:10px;
	padding-right:10px;
	line-height:21px;	
	border:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	bottom:-14px;
	right:10px;
	font-weight:bold;
	background:url(../images/bgtbnlogin.gif);	
	color:#FFF;
}
#boxlogin{
	border:solid 1px #c0c0c0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	height:50px;
	background:url(../images/bgtitlelogin.gif) 50%;
	margin-left:10px;
	margin-right:10px;
	line-height:54px;
	padding-left:10px;
	color:#07590b;
}
#boxlogin .textbox{
	border:solid 1px #c0c0c0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:200px;	
	line-height:22px;
}
#btnlogin,#btnlogin1{
	height:26px;
	border:none;	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#FFF;
	margin-right:30px;
}
#btnlogin{
	background:url(../images/bgtbnlogin.gif);	
}
#btnlogin1{
	background:url(../images/btnlogin1.gif);	
}
#boxpathpage{
	border:solid 1px #c0c0c0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	height:30px;
	background:url(../images/bgtitlelogin.gif) 50%;
	margin-left:10px;
	margin-right:10px;
	
	padding-left:10px;
	color:#07590b;
}
#boxpathpage a{
	text-decoration:none;
	color:#333;
	font-weight:bold;	
}
#boxpathpage a:hover{
	text-decoration:underline;
	color:#333;
	font-weight:bold;	
}
.uploadshowbtn{
	position:absolute; z-index:9999; width:150px; height:40px; top:270px;	
}
.textboxsearch{
	background: #FFF url(../images/109.png) 50% left no-repeat;	
	padding-left:30px;
	border:solid 1px #CCC;
}
#footer{
	background:url(../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50%;
	height:30px;
	line-height:30px;
	-webkit-border-radius:0px 0px 5px 5px;
	margin-left:5px;
	margin-right:5px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
#footer a{
	text-decoration:none;
	color:#FFF;	
}
#footer a:hover{
	text-decoration:underline;	
}
#list_location{
	padding:0px;
	margin:5px;	
}
#list_location li{
	list-style:none;
}
#homepage{
	border:solid 2px #eee;
	background-color:#FAF9F9;	
	margin:0 auto;	
	-webkit-box-shadow:5px 5px 200px #fff;
	-moz-box-shadow:5px 5px 200px #fff;
	-o-box-shadow:5px 5px 200px #fff;
	box-shadow:0px 0px 200px #fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;	
	height:430px;
}
#homepage1{
	border:solid 2px #fff;
	background-color:#FAF9F9;	
	margin:0 auto;	
	-webkit-box-shadow:5px 5px 200px #fff;
	-moz-box-shadow:5px 5px 200px #fff;
	-o-box-shadow:5px 5px 200px #fff;
	box-shadow:0px 0px 200px #fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;	
	height:426px;
}




/*tab*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	border-bottom: 1px solid #a6b9d0;
	border-left: 1px solid #a6b9d0;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 27px;
	line-height: 27px;
	border: 1px solid #a6b9d0;
	border-left: none;
	margin-bottom: 1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
	background:url(../images/bgtabnone.gif) repeat-x;
	font-weight:bold;
}
ul.tabs li a {
	text-decoration: none;
	color: #5b287e;
	display: block;
	font-size:12px;
	padding: 0 20px;
	border: 1px solid #eff6fd;
	outline: none;
}
ul.tabs li a:hover {
	background:url(../images/bgtabactive.gif);
	font-weight:bold;
	color:#F00;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	border-bottom: 1px solid #eff6fd;
	background:url(../images/bgtabactive.gif);
	font-weight:bold;
	color:#F00;
}
.tab_container {
	border: 1px solid #a6b9d0;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #eff6fd;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding: 20px;
	color: #5b287e;
}



/* photo */
#photo_cell{
	width:160px;
	height:175px;
	float:left;
	border:solid 1px #EEE;	
	margin:5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0px 0px 10px #eee;
	position:relative;
	padding:2px;
}
#phototools{
	width:165px;
	position:absolute;
	bottom:0px;
	background:#fff;
	left:-1px;
	opacity:0.9;
	color:#084BBE;
	overflow:hidden;
	
}
.tablephoto{
	border:solid 1px #ccc;	
	border-top:none;	
	border-bottom:none;
}
.div_show_photo_upload{
	width:180px;
	height:160px;
	border:solid 1px #CCC;
	padding:2px;	
	margin-right:5px;
	margin-top:5px;
	position:relative;
	float:left;
}
.div_show_photo_upload #image{
	width:180px;	
	height:140px
}
.div_tool_image{
	width:180px;
	position:absolute;
	bottom:0px;	
	text-align:center;
}
.div_tool_image a{
	color:#009;
	text-decoration:none;
	
}

#show_image_product{
	width:790px; height:350px; border:solid 1px #CCC;
	overflow:auto;
}
#show_image_product .cell_product{
	width:130px;	
	float:left;
	height:130px;
	border:solid 2px #fff;
	margin-left:10px;
	margin-top:10px;
	text-align:center;
	position:relative;
}
#show_image_product .cell_product img{
	/*width:130px;
	height:130px;*/	
}
#show_image_product .cell_product #control{
	position:absolute;
	z-index:99999;
	bottom:0px;
	background-color:#FFF;
	width:130px;	
	text-align:center;
}
#show_image_product .cell_product #control a{
	color:#333;
	text-decoration:none;
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
		
}

